﻿/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Colors and backgrounds  ----------------------------------------------------*/
body {
    background: #E2DAEB url(../img/noise-all.png);
    color: #6A6073;
}

body a:hover { color: #957A93; }

a { color: #957A93; }

header,
footer { background: #241E2B; }

/* Selection colours (easy to forget) */

::selection { background: #957A93; }

::-moz-selection { background: #957A93; }

img::selection { background: #957A93; }

img::-moz-selection { background: #957A93; }

body { -webkit-tap-highlight-color: #957A93; }

#headline,
.masthead { color: #444444; }

/* NAVIGATION ------------------------------------------------------------*/

#nav > li > a { color: #F0EBF5; }

#nav > li:hover > a {
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border-top: 3px solid #E2DAEB;
    transition: all 0.3s ease;
}

#nav span:hover {
    -moz-transform: translate(-10px, -3px);
    -ms-transform: translate(-10px, -3px);
    -o-transform: translate(-10px, -3px);
    -webkit-transform: translate(-10px, -3px);
    transform: translate(-10px, -3px);
}

#nav > li.current-menu-item > a,
#nav > li.current_page_item > a { border-top: 3px solid #E2DAEB; }

#nav .sfHover ul { background: #f8f5f2; }

#nav .sfHover ul li a { color: #444444; }

#nav .sfHover ul li a:hover {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    color: #957A93;
}

/* MAIN ------------------------------------------------------------*/

.multiplebgs #main {
    background-image: url(../img/main-bg.png), url(../img/main-bg.png);
    background-position: bottom left, top left;
    background-repeat: repeat-x, repeat-x;
}

.no-multiplebgs #main { background: #f1f1f1 url(../img/main-bg.png) repeat-x top left; }

/* FILTERED ITEMS ----------------------------------------------------*/

#filter-buttons li a {
    border-bottom: 2px solid transparent;
    color: #444;
}

#filter-buttons li a:hover,
#filter-buttons li a.selected { border-bottom: 2px solid #444; }

#filter-container figure { background: #F1EDF5; }

#filter-container figure .thumb { background: #120A1C url(../img/icon-link.png) center center no-repeat; }

#filter-container figure figcaption .heading { color: #444444; }

#filter-container figure figcaption .heading:hover { color: #957A93; }

#filter-container figure .readmore { color: #444444; }

#filter-container figure .readmore:hover h5 { color: #957A93; }

/* PORTFOLIO ----------------------------------------------------*/

#portfolio-content #filter-container a { color: #888; }

#portfolio-content #filter-container a:hover { color: #957A93; }

#portfolio-content .project-pager a { color: #444444; }

#portfolio-content .project-pager a:hover { color: #957A93; }

#portfolio-content #project-box { background: #f8f5f2; }

#portfolio-content #project-box .info .launch:hover {
    background: #957A93;
    color: #f1f1f1;
}

/* RELATED PROJECTS ---------------------------------------------------*/

.related-projects figure .heading { color: #444444; }

.related-projects figure .heading:hover { color: #957A93; }

.related-projects figure .thumb { background: #957A93 url(../img/icon-link.png) no-repeat center center; }

/* CONTACT  ----------------------------------------------------*/

#map-holder { background: #f8f5f2; }

/* BLOG ------------------------------------------------------------*/

#posts-list article .box { background: #f8f5f2 url(../img/meta-bg.png) repeat-y top right; }

#posts-list article .box .entry-date {
    background: #2d2d2d;
    color: #dcd2be;
}

#posts-list article .box .excerpt .post-heading { color: #444444; }

#posts-list article .box .excerpt .post-heading:hover { color: #957A93; }

#posts-list article .box .excerpt .learnmore {
    background: #2d2d2d;
    color: #f8f5f2;
}

#posts-list article .box .excerpt .learnmore:hover { background: #957A93; }

#posts-list article .box .meta a { color: #656360; }

#posts-list article .box .meta a:hover { color: #957A93; }

#posts-list article.format-standard .feature-image { background: #957A93 url(../img/icon-link.png) no-repeat center center; }

#posts-list article.format-image .feature-image { background: #957A93 url(../img/icon-popup.png) no-repeat center center; }

body.single #posts-list article { background: #f8f5f2; }

body.single #posts-list .box .meta { background: #f8f5f2 url(../img/meta-bg-vertical.png) repeat-x top right; }

/* PAGE NAVIGATION ------------------------------------------------------------*/

#main .page-navigation a { color: #444444; }

#main .page-navigation a:hover { color: #957A93; }

/* SIDEBAR ------------------------------------------------------------*/

#sidebar .cat-item a .post-counter,
#sidebar .page_item a .post-counter { color: #656360; }

/* SLIDER ----------------------------------------------------*/

.lof-slidecontent .slider-description { color: #e6e6e6; }

.lof-slidecontent .slider-description a { color: #FFF; }

.lof-slidecontent .slider-description a.readmore { color: #fcb019; }

.lof-slidecontent .active { border-top: 3px #E2DAEB solid; }

/* FOOTER ----------------------------------------------------*/

footer { color: #F0EBF5; }

footer h4 { color: #fff; }

footer a { color: #957A93; }

footer a:hover { color: #fff; }

.twitter-block img {
    display: block;
    margin-top: 1em;
}

.twitter-block .widget-block > blockquote {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background: #E2DAEB;
    -ms-border-radius: 12px;
    border-radius: 12px;
    color: #656360;
    padding: 1.3em;
    position: relative;
    width: 185px;
    text-align: justify;
}

.twitter-block .widget-block > blockquote:after {
    border-color: #E2DAEB transparent;
    border-style: solid;
    border-width: 15px 20px 0;
    bottom: -15px;
    content: '';
    display: block;
    left: 57px;
    position: absolute;
    width: 0;
    z-index: 1;
}

blockquote > a:hover {
    color: #957A93;
}